@import '~@/theme.less';

.SalaryItemCheck {
    --shadow-color: darken(#fff, 10%);

    display: inline-flex;
    align-items: center;
    width: 190px;
    height: 68px;
    margin-right: 8px;
    margin-bottom: 16px;
    margin-left: 8px;
    padding: 12px;
    background: #FFF;
    border: 1px solid #EAEAEA;
    border-radius: 2px;
    cursor: pointer;

    &:hover {
        box-shadow: 0 2px 4px 0 var(--shadow-color);
    }

    &.selected {
        --shadow-color: lighten(@orange,20%);

        border-color: @orange;
    }

    > :nth-child(2) {
        margin-left: 12px;
        overflow: hidden;

        > * {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
    }
}
